<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            width: 300px;
            height: 300px;
            text-align: center;
        }
        .a1{
            font-size: 12px;
            color: grey;
        }
        .t1{
            background-color: aqua;
            color: white;
        }
    </style>
</head>
<body>
    <div>
    <form action="#" method="post">
    <h3>会员登录</h3>
    <p>
        <label for="username">账号</label>
        <span>&nbsp</span>
        <span>&nbsp</span>
        <span>&nbsp</span>
        <input type="text" name="username" id="username"  placeholder="邮箱/手机号码/小米ID">
    </p>
    <p>
        <label for="userpassword">密码</label>
        <span>&nbsp</span>
        <span>&nbsp</span>
        <span>&nbsp</span>
        <input type="password" name="userpassword" id="userpassword"  placeholder="密码">
    </p>
    <p>
        <input type="checkbox" name="sex" id="sex" checked value="m">两周内自动登录
    </p>
    <p>
        <input type="submit" value="登录" class="t1">
        <a href="#">忘记密码</a>
    </p>
    <p>
        <a>其他账号登陆</a> <a class="a1">QQ账号</a><a class="a1">新浪微博</a><a class="a1">百度账号</a>
    </p>
    <p><a href="#">还不是会员?立即注册</a></p>



    </form>
</div>
    
</body>
</html>